/******************************************************************************
* Styles for the tabbed displays.                                             *
******************************************************************************/

/*-----------------------------------------------------------------------------
  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/
div.contenedor{
    float: left;
    width: 100%;
    height: auto;
    z-index: -2;
    position: absolute;
    height: auto;
}

div.contenedor .personas{
    width: 70%;
    position: relative;
    font-family: "Helvetica", Arial, sans-serif;
    margin-left: auto;
    margin-right:auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 35px;
}

div.contenedor .sistemas{
    width: 70%;
    position: relative;
    font-family: "Helvetica", Arial, sans-serif;
    margin-left: auto;
    margin-right:auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 35px;
}

div.contenedorPermisos{
    float: left;
    width: 100%;
    height: 500px;
    z-index: -2;
    position: absolute;
    height: auto;
}

div.contenedorPermisos .formularioPermisos{
    width: 70%;
    height: 400px;
    position: relative;
    margin-left: auto;
    margin-right:auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 35px;
}

/* -------------- Tablas ----------------- */

.par {
  	background-color:#E8E8E1;
}

.cabecera1{
	position: relative;
	width: 100%;
	background-color: #8F8F69;
	color: #FFFFFF;
}

.cabecera2{
	position: relative;
	width: 100%;
	background-color: #C7C7B4;
	color: #000000;
}

table{
	width: 100%;
}

table thead th {
  	text-align: center;
}

table caption{
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}

table tbody tr:hover {
  	background: #E1E193 !important;
}

/* -------------- Pestañas ------------------- */

div.tabBox {
    position: relative;
    height: 100%;
}

div.tabArea {
    font-size: 80%;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

a.tab {
    background-color: #E0E0A5;
    border: 2px solid #000000;
    border-bottom-width: 0px;
    border-color: #f0d0ff #DEDEA3 #DEDEA3 #f0d0ff;
    -moz-border-radius: .75em .75em 0em 0em;
    border-radius-topleft: .75em;
    border-radius-topright: .75em;
    padding: 2px 1em 2px 1em;
    position: relative;
    text-decoration: none;
    font-family:"Helvetica", Arial, sans-serif;
    font-size:15px;
    top: 3px;
    z-index: 100;
}

a.tab, a.tab:visited {
    color: #BABA89;
}

a.tab:hover {
    background-color: #CFCF84;
    border-color: #F0F0B0 #BABA89 #BABA89 #F0F0B0;
    color: #FDFFC4;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
    background-color: #BABA77;
    border-color: #DEDEA3 #ABAB7E #ABAB7E #DEDEA3;
    color: #FDFFC4;
}

a.tab.activeTab {
    padding-bottom: 4px;
    top: 1px;
    z-index: 102;
}

div.tabMain {
    font-family:"Helvetica", Arial, sans-serif;
    font-size:13px;
    background-color: #BABA77;
    border: 2px solid #000000;
    border-color: #DEDEA3 #ABAB7E #ABAB7E #DEDEA3;
    -moz-border-radius: 0em .5em .5em 0em;
    border-radius-topright: .5em;
    border-radius-bottomright: .5em;
    padding: .5em;
    position: relative;
    z-index: 101;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

div.tabIframeWrapper {
    font-family:"Helvetica", Arial, sans-serif;
    font-size:13px;
    width: 100%;
    height: 90%
}

div.tabContent {
    font-family:"Helvetica", Arial, sans-serif;
    font-size:13px;
    background-color: #FCFFB3;
    border: 1px solid #000000;
    border-color: #ABAB7E #DEDEA3 #DEDEA3 #ABAB7E;
    width: 100%;
    height: 100%;
}

/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/

h4#title {
    font-family:"Helvetica", Arial, sans-serif;
    font-size:14px;
    background-color: #9E9E74;
    border: 1px solid #000000;
    border-color: #ABAB7E #DEDEA3 #DEDEA3 #ABAB7E;
    color: #E0E0A5;
    margin-top: 0em;
    margin-bottom: .5em;
    padding: 2px .5em 2px .5em;
}